/* 
    Document   : layout
    Created on : 24.10.2011, 19:40:49
    Author     : Miguel Gonzalez
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face {
	font-family: corbel;
	src: url('../files/corbel.ttf');
}

html, body {
    margin:0px;
    padding:0px;
    background-color:white;
    font-family:corbel !important;    
}

div#wrapper {
    background-color:#eeeeee;
    margin:0px;
    padding:0px;
}

div {
    padding:0px;
    margin:0px;
}

form {
    padding-right:20px;
    width: 100%;
}
a {
    color:white;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

div.center {
    text-align:center;
    width:100%;
}

div#head {
    background-color: #333333;
    border-bottom: 1px solid #000000;
    font-size: 14px;
    position: fixed;
    text-align: center !important;
    text-shadow: 0 1px 1px #222222;
    width: 100%;
}

div#head_inner {
    text-align:center !important;
    height:45px;    
    
}

div#footer {
    width:100%;    
    background-color:#333333;       
}

div#topbar {
    width:1156px;
    height:45px;
    margin:auto;
}

div#topbar input, div#topbar textarea {
    -webkit-box-shadow: inset 0px 4px 8px #c2c2c2; /* webkit browser*/ -moz-box-shadow: inset 0px 4px 8px #c2c2c2; /* firefox */ box-shadow: inset 0px 4px 8px #c2c2c2;
    background-color:white;
    border:1px solid #222222;
    border-radius:5px;
    color:#555555;
    font-size:14px;
    width:auto;
    margin:auto;
}

div#topbar input:hover, div#topbar textarea:hover, div#topbar input:focus, div#topbar textarea:focus {
    color:black;
}

div#topbar input[type="submit"] {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}



div#topbar div#left, div#topbar div#right {
    background-color:#333333;
}

div#topbar div#left {
    display:inline-block;
    vertical-align:middle;
    float:left;
    height:45px;
}

div#topbar div#right {
    display:inline-block;
    vertical-align:middle;
    text-align:right;
    float:right;
    margin-right:12px;     
    
}

div#content {
    min-height:500px;
    padding-top:45px; 
    text-align:center;
    vertical-align:top;    
}

div#content div#left {
    width:840px;
    display:inline-block;
    text-align:left;
    margin:auto;
    vertical-align:top;    
    margin-right:15px;
    margin-bottom:20px;
    font-size:18px;
    letter-spacing:0px;
    line-height: 28px;
    color:#444444;
    overflow:hidden;
}

div#content div#right {
    display:inline-block;
    cursor:default;
    width:300px;
}


/* Footer */

div#footer {
    border-top:1px solid black;
    -webkit-box-shadow: inset 0px 1px 0px 0px #666666!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #666666 !important;
    box-shadow: inset 0px 1px 0px 0px #666666 !important; 
    text-align:center;
    padding-bottom:20px;
    min-height:360px;
    cursor:default;
}

div#footer_content {
    width:1155px;
    margin:auto;
    text-align:left;
    margin-top:30px;
    color:white;
}

div.footer_box {
    width:100px;
    display:inline-block;
    font-size:12px;
    vertical-align: top;    
    margin-right:30px;
    border-right:1px dotted #454545;
    min-height:110px;
    padding-right:30px;
}

div.footer_box+div.last {
    border:none;
    margin:none;
    padding:none;
}

div.footer_box div.caption {
    margin-bottom:5px;
    color:#008cd4;
    font-size:16px;
    text-shadow:0px -1px 0px #42bfff;    
}

div.footer_box a {
    color:white;
    text-decoration:none;
    line-height:21px;
}

div.footer_box a:hover {
    color:white;
    text-decoration: underline;
    
}

div#site_description {
    margin-top:30px;
    margin-bottom:20px;
    color:#555555;
    font-size:12px;
    vertical-align:bottom;
}

div#site_description div#version {
    font-size:10px;
    color:#484848;
    text-shadow: 0 1px 1px #272727;
}

div#footer div.left, div#footer div.right {
    display:inline-block;
    vertical-align:top;
    text-shadow: 0 1px 1px #252525;
}

div#footer div.right {
    float:right;
    border-radius:0px;
}


div.box {
    background-color:white;
    border-radius:5px;
    padding:20px;
    margin-top:20px;
    border:#dddddd 1px solid;   
}

div#right div.register-box {
   font-size:30px; 
   text-align:center;   
}

div#right div.register-box div#register {
    line-height:60px;
}

div#right div.register-box div.text {
    margin-bottom:10px;
}

div#right div#register div.text {
    margin-bottom:15px;
}

a.buttonlink {
    color:white;
    text-decoration:none;
    display:inline;
    

}

/* Tutorial-Header */
div#tutorial_header div.left, div#tutorial_header div.right {
    display:inline-block;
    vertical-align:top;
}

div#leftbox {
    width:75px;
    height:75px;
    background-color:#333333;
    border-radius:5px;
    margin-right:20px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #666666!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #666666 !important;
    box-shadow: inset 0px 1px 0px 0px #666666 !important; 
    border:1px solid black;
    color:white;
    text-align:center;
    display:inline-block;
}

div.header {
    display:inline-block;
    vertical-align:top;
    padding-top:5px;
}


a.button_blue {
    width:100%;
    padding:5px;
    text-decoration:none;
    display:inline-block;
}
/* Color-Buttons */

.button_green, .button_orange, .button_blue, .button_red, .button_yellow {
    color:white !important;;
    text-align:center;
    border-radius:5px; 
    text-shadow:0px 1px 1px #333333 !important;;
    border:1px solid !important;;
}

.button_green:hover, .button_orange:hover, .button_blue:hover, .button_red:hover, .button_yellow:hover {
    cursor:pointer;
    color:#eeeeee;
}

.button_green {
    background-color:#7da600 !important;
    border-color:#568800 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #91c100 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #91c100 !important;
    box-shadow: inset 0px 1px 0px 0px #91c100 !important; 
}

.button_green:hover {    
    background-color:#78a000 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #85b000 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #85b000 !important;
    box-shadow: inset 0px 1px 0px 0px #85b000 !important; 
}

.button_blue {
    background-color:#2aa7ff !important;
    border-color:#0060a4 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #73c5ff !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #73c5ff !important;
    box-shadow: inset 0px 1px 0px 0px #73c5ff !important; 
}

.button_blue:hover {
    background-color:#0092f8 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #25a5ff!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #25a5ff !important;
    box-shadow: inset 0px 1px 0px 0px #25a5ff !important; 
}


.button_red {
    background-color:#ff482a !important;
    border-color:#cb0a00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ff8773 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ff8773 !important;
    box-shadow: inset 0px 1px 0px 0px #ff8773 !important; 
}

.button_red:hover {
    background-color:#e73917 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ff4925!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ff4925 !important;
    box-shadow: inset 0px 1px 0px 0px #ff4925 !important; 
}


.button_orange {
    background-color:#ffa22a !important;
    border-color:#d57800 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffc973 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffc973 !important;
    box-shadow: inset 0px 1px 0px 0px #ffc973 !important; 
}

.button_orange:hover {
    background-color:#f87b00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffb525!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffb525 !important;
    box-shadow: inset 0px 1px 0px 0px #ffb525 !important; 
}

.button_grey {
    background-color:#eeeeee !important;
    border-color:#dddddd !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important; 
}

.button_grey:hover {
    background-color:#e7e7e7 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #eeeeee!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #eeeeee !important;
    box-shadow: inset 0px 1px 0px 0px #eeeeee !important; 
}

.button_yellow {
    background-color:#f9ba0f !important;
    border-color:#bd8a00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffca3b !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffca3b !important;
    box-shadow: inset 0px 1px 0px 0px #ffca3b !important; 
}

.button_yellow:hover {
    background-color:#edad00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffca3b !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffca3b !important;
    box-shadow: inset 0px 1px 0px 0px #ffca3b !important;
}


/* Suchfeld */

div#search {
    display:inline-block;
    margin-right:172px;
    float:left;
    margin-top:3px;
}

div#search div.input, div#search div.submit {
    display:inline-block;
    padding:5px;   
}


div#search div.select select, div#search div.text input {
    
}


div#search div.select {  
    width: 150px;
    height: 26px;
    padding:0px;
    overflow: hidden;  
    margin-bottom:-9px;
    background: url(../img/layout/arrow-down-black.png) no-repeat right white;
    -webkit-box-shadow: inset 0px 4px 8px #c2c2c2; /* webkit browser*/ -moz-box-shadow: inset 0px 4px 8px #c2c2c2; /* firefox */ box-shadow: inset 0px 4px 8px #c2c2c2;
    border-radius:5px;
    border:1px solid black;
}

div#search div.select select {
    background: transparent;
   width: 178px;
   padding: 5px;
   font-size: 14px;
   border: none;
   height: 34px;
   color:#555555;
   padding-top:4px;
}

div#search div.text input {
    padding:5px;
    width:180px;     
}

div#search div.submit input {
    padding:4px;
    width:30px;
    background-position:center center;
    background-image:url(../img/layout/search.png);
    margin-left:-5px;
    background-repeat: no-repeat;
}

/* Dropdown-Menü Styling */

div.dropdown div.button img#avatar {
    width:25px;
    height:25px;
    margin-bottom: -8px;
    margin-right:5px;
    border-color:#333333;
}

div.dropdown {
    display:inline-block;
    border-right:1px #222222 solid;
    border-left:1px #222222 solid;
    color:white;    
}

div.dropdown div.button {
    height:45px;
    float:left;
    padding-left:5px;
    padding-right:5px;
    vertical-align:middle;
}

div.dropdown div.button:hover {
    background-color:#222222;
    cursor:pointer;
}

div.dropdown div.button div.caption {
    display:inline-block;
    float:left;
    margin:auto;
    line-height:45px;
    margin-right:8px;
    margin-left:5px;
}

div.dropdown div.button a {
    width:100%;
    height:100%;
    color:white;
    text-decoration: none;    
}

div.dropdown div.arrow {
    display:block;
    width:20px;
    height:45px;
    float:right;
    background-image:url(../img/layout/arrow-down.png);
    background-position:center center;
    background-repeat:no-repeat;
}

div.dropbox {
    position:fixed;
    top:45px;
    background-color:#333333;
    border-radius:0px 0px 9px 9px;
    border: black solid 1px;
    margin-left:-1px;
    -webkit-box-shadow: 0px 6px 7px #4d4d4d; /* webkit browser*/ -moz-box-shadow: 0px 6px 7px #4d4d4d; /* firefox */ box-shadow: 0px 6px 7px #4d4d4d;
    border-top:1px solid #333333;
    padding-top:10px;
    padding-bottom:10px;    
    border-top:none;
}



/* Login-Formular */

div#loginform {
    text-align:left;
    line-height:26px;
}


div#topbar #UserLoginForm {
    padding-left:10px;
    padding-right:10px;
    margin-top:10px;
    text-align:left;
    margin-bottom:2px;
    width:184px;
}

div#topbar #UserLoginForm label {
    font-size:12px;
}

#UserLoginForm input[type="submit"] {
    margin-top:10px;
    width:100%;
    padding:5px;
    margin-top:0px;    
}

#UserLoginForm input[type="text"], #UserLoginForm input[type="password"] {
    padding:5px;
    margin-bottom:5px;
}

div.dropbox div.iconLink {
    line-height:10px;
    width:200px;
    text-align:left;
    padding-top: 5px;
    border-top:#222222 1px solid;
    border-bottom:#222222 1px solid;
}


div.dropbox div.iconLink div.icon {
    width:25px;
    height:25px;
    display:inline-block;
    margin:3px;
}

div.dropbox div.iconLink:hover {
    background-image:url(../img/layout/menu_link.png);
    background-repeat:repeat-x;
    cursor:pointer;
    background-color:white;
    display:inline-block;
    border-bottom:#000000 1px solid;
    border-top:#000000 1px solid;
}

div.dropbox div.iconLink div.caption {
    line-height:28px;
    margin:3px;
    display:inline-block;
   
}

div.dropbox a {
    text-decoration: none;
}

div.dropbox div.iconLink img {
    height: 20px;
    margin-bottom: -6px;
    margin-left: 6px;
    width: 20px;
}

div.dropbox a {
   color:white;
}

div.dropbox {
    background-color:#222222;
}

/* Custom Fields */

div#new_tutorial {
    display:inline-block;  
    vertical-align:top;
    padding:5px;
    font-size:14px;
    margin-top:8px;
    margin-left:5px;
}

/* Allgemeines Form-Design */

div.caption_main {
    font-size:38px;
    letter-spacing:1px;
    margin-bottom:20px;
}

div.caption_small {
    font-size:28px;
    margin-bottom:25px;
    margin-top:30px;
    color:#565656;
    letter-spacing:2px;
}

div.input input, div.input textarea {
    width:100%;
    text-align:left;
    padding:10px;
    font-size:20px;
    margin-top:10px;
    margin-bottom:10px;
    color:#333333;
    letter-spacing:0px;
    font-family: sans-serif;
}

textarea {
    min-height:800px;
}

div.input label {
    color: #AAAAAA;
    font-size: 25px;
}

/* Errors */

div.error_log {
    border-radius:0px;
    position:fixed;
    width:100%;
}

div.error_log div.error {
    padding-bottom:5px;
    padding-top:5px;
    border-radius:0px;
}

div.error-message, div#form_error {
    color:red;
    margin-bottom:10px;
    font-weight:bold;    
}

div.error-message {
    font-size:12px;    
}

div#form_error {
    font-size:16px;
    margin-bottom:30px;
}

div.input input[type="checkbox"]#UserTwittercon {
    width:30px;
    height:30px;
    margin:0px;
    margin-right:20px;  
    margin-bottom:20px;
    vertical-align:top;
    
}

div.input+div.checkbox { 

}


div.rightform, div.checkbox {
    display:inline-block;
}

div.rightform {
     vertical-align:top;
     margin-top:10px;
     margin-left:20px;
     margin-bottom:40px;
}

.form_button {
    font-size:24px !important;;
    padding:20px !important;
    width:100%;
    margin-top: 10px !important;
}


/* Flash-Message */

div#flashMessage {
    background-color:red;
    padding:15px;
    border-radius:5px;
    margin-bottom:20px;
    margin-top:20px;
    text-align:center;
}

div#flashMessage div#flash_image {
    width:30px;
    height:30px;
    margin-right:10px;
}

div#flashMessage div.left, div#flashMessage div.right {
    display:inline-block;
    vertical-align:middle;
}

div#flashMessage div.success {
    background:url(../img/layout/flash_success.png) no-repeat center center;
}

div#flashMessage div.fail {
    background:url(../img/layout/flash_fail.png) no-repeat center center;
}

div#flashMessage div.warning {
    background:url(../img/layout/flash_warning.png) no-repeat center center;
}


/* Kategorien */

div#categories a {
    color:black;
    text-decoration:none;
}



/* Description-Box */

div#user_content div.description_box {
    background-color:#eeeeee;
    border-radius:5px;
    border:1px solid #dddddd;
    margin-bottom:30px;
    padding:20px;
    width:575px;
}

div#user_content div.description_box .tut_button {
    width:179px;
}

div#user_content div.description_box .avatar_box {
    display:none;
}

div.description_box {
    margin-bottom:30px;
    border-radius:5px;
    background-image:url(../img/content/tutorial_background.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:1px solid #999999;
    
}

div.description_box div.topcontent {
    vertical-align:bottom;
    padding-top:120px;
    cursor:default;
}

div.description_box div.transparent div.caption, div.description_box div.transparent div.rating {
    display:inline-block;
}

div.description_box div.transparent div.rating {
    float:right;
}

div.description_box div.transparent div.autorinfo {
    width:100%;
    height:100px;
    margin-top:40px;
    display:none;
    font-size:20px;
    color:#eeeeee;
    text-shadow:0px 1px 1px #222222;
    z-index:2;
    
}

div.description_box div.transparent {
    background-image:url(../img/content/transparent.png);
    color:white;
    text-shadow:0px 1px 1px #111111;
    font-size:40px;
    padding:30px;    
    border-radius:5px 5px 0px 0px;
    z-index:10;
}

div.avatar_box {
    display:inline-block;
    text-align:left;
}

div.avatar_box div.avatar {
    display:inline-block;
}

div.avatar_box img#avatar {
    width:30px;
    height:30px;
    border-radius:5px;
    border:1px solid #dddddd;  
    margin-right:5px;
    margin-bottom: -8px;
}

div.avatar_box div.name {
    font-size:21px;
    color:#888888;
    display:inline-block;
}

div.description_box a.tut_button {
    font-size:12px;
    padding:3px;
    margin-left:2px;
    margin-right:2px;
    display:inline-block;
    margin-top:5px;
    width:240px;
}

div.description_box .chapters {
    box-shadow: 0px -7px 7px -7px #333;
    border-radius:5px 5px 5px 5px;
}

div.admin_buttons {
    text-align:center;    
}

div.admin_buttons a.tut_button {
    margin:0px;
    text-decoration: none;
    width:257px;
    border-radius:5px 5px 0px 0px;
}

/* Chapter-Styling */

.chapters {
   
}

.chapters ul {
    padding:0px;
    margin:0px;
    text-align:center;    
}

.chapters ul li {
    list-style: none;
    display:inline-block;
    padding:5px;
    width:100%;
    text-align:center;    
}

.chapters ul a {
    color:#dddddd !important;
    display:inline;
    width:100%;
    height:100%;
    text-shadow:0px 1px 1px #333333;
}

.chapters ul li a {
    display:inline-block;
    text-decoration: none;
}

.chapters ul li a:hover {
    color:#eeeeee;
}

.chapters ul li:hover, .chapters ul li.hover {
    background-image:url(../img/layout/menu_link.png);
    background-repeat:repeat-x;
    border-top-color:#0060a4;
    border-bottom-color:#0060a4;
    cursor:pointer;
}

.chapters ul li.hover {
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
}

.chapters .buttons div.chap_button {
    width:15px;
    height:15px;    
    display:inline-block;
}

div.buttons {
    text-align:right;
    height:0px;
    margin-top:-9px;
    padding-bottom:9px;
    margin-right:4px;
}

.chapters ul li div.buttons a {
    padding:3px;
    width:15px;
    height:15px;
    margin-top:-21px;
    display:inline-block;
    margin-left:5px;
}

.chapters ul li div.buttons a div {
    margin-top:-8px;
}


/* Elemente */

.center_elem, .left_elem, .right_elem, .complete_elem {
    background-color:#333333;    
    border-top:1px solid #111111;
    border-bottom:1px solid #111111;
    -webkit-box-shadow: inset 0px 1px 0px 0px #666666!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #666666 !important;
    box-shadow: inset 0px 1px 0px 0px #666666 !important; 
    border-left:1px solid #444444; 
}

.center_elem:hover, .left_elem:hover, .right_elem:hover, .complete_elem:hover {
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
}

.center_elem, .center_elem_top {
    border-radius:0px 0px 0px 0px !important;
     
}

.left_elem {
    border-radius:0px 0px 0px 5px !important;
    border-left:none;
}

.right_elem {
    border-radius:0px 0px 5px 0px !important;
}

.left_elem_top {
    border-radius:5px 0px 0px 0px !important;
    border-left:none;
}

.right_elem_top {
    border-radius:0px 5px 0px 0px !important;
}

.complete_elem {
    border-radius:0px 0px 5px 5px !important;
    border-left:none;
}

/* Bookmarks */

div.bookmarks {
    margin-top:10px;
    text-align:right;
    display:block;
}

a.bookmark {
    display:inline-block;
    width:25px;
    height:25px;
    margin-left:2px;
    margin-right:2px;
    border-radius:5px;
}


.twitter, .skype {
    background-color:#2aa7ff !important;
    border:1px solid #0060a4 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #73c5ff !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #73c5ff !important;
    box-shadow: inset 0px 1px 0px 0px #73c5ff !important; 
}

.twitter:hover, .skype:hover {
    background-color:#0092f8 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #25a5ff!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #25a5ff !important;
    box-shadow: inset 0px 1px 0px 0px #25a5ff !important;  
}

.skype {
    background-image:url(../img/icons/bookmarks/icon_skype.png);
    background-repeat:no-repeat;
    background-position: center center;
}

.twitter {
    background-image:url(../img/icons/bookmarks/icon_twitter.png);
    background-repeat:no-repeat;
    background-position: center center;
}

.facebook {
    background-image:url(../img/icons/bookmarks/icon_facebook.png);
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#3c599b !important;
    border:1px solid #192d5a !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #5b7ac1 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #5b7ac1 !important;
    box-shadow: inset 0px 1px 0px 0px #5b7ac1 !important; 
}

.facebook:hover {
    background-color:#354d83 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4f71bd!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #4f71bd !important;
    box-shadow: inset 0px 1px 0px 0px #4f71bd !important;  
}

.googleplus {
    background-image:url(../img/icons/bookmarks/icon_googleplus.png);
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#2e2c2c !important;
    border:1px solid #1e1d1d !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4b4b4b !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #4b4b4b !important;
    box-shadow: inset 0px 1px 0px 0px #4b4b4b !important; 
}

.googleplus:hover {
    background-color:#141414 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #383838 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #383838 !important;
    box-shadow: inset 0px 1px 0px 0px #383838 !important;  
}

.rss {
    background-image:url(../img/icons/bookmarks/icon_rss.png);
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#ff9000 !important;
    border:1px solid #b16400 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffc549 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffc549 !important;
    box-shadow: inset 0px 1px 0px 0px #ffc549 !important; 
}

.rss:hover {
    background-color:#db7c00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #e5b140 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #e5b140 !important;
    box-shadow: inset 0px 1px 0px 0px #e5b140 !important;  
}

img#avatar {
    border-radius:5px;
}


object#skypedetectionswf {
    display:none;
}



/* TinyMCE */
.mceContentBody {
    padding: 10px;
    background-color:white !important;
    height:100%;
    padding:10px;
    font-size:18px;
    letter-spacing:0px;
    line-height: 28px;
    color:#222222;
    font-family:corbel !important;  
}



/* User-View */


.hidden {
    display:none;
}

div.description, div.data {
    display:inline-block;
    vertical-align:top;
    font-size:25px;
    line-height:30px;
}

div.description {
    width:250px;
    margin-bottom:30px;
    color:#AAAAAA;
}

.description_box div.description {
    display:block;
    width:auto;
    color:#444444;
}

div.data {
    width:365px;
    font-size:20px;

}

#bottom_buttons {
    text-align:center;
    vertical-align:top;
}


#bottom_buttons div#right_button, #bottom_buttons div#left_button {
    display:inline-block;    
}

#bottom_buttons div#right_button {
    margin-left:10px;
}

#bottom_buttons div#left_button {
    margin-right:10px;
}

#bottom_buttons a, #bottom_buttons input {
    width:380px;
    padding:0px;
    margin:0px;
    font-size:16px;
    vertical-align:top;
}

#bottom_buttons input {
    padding:5px;
    font-size:15px;
}

#bottom_buttons a {
    padding:1px;
}

/* Category Styling */

div.background-categories {
    color:#333333;
    font-size:60px;
}

div.background-categories div.background-category {
    position:absolute;
    z-index:1;
}